@import url('header.css');
@import url('footer.css');

.cerror {
  color: #ff5287;
}

.bgfff {
  background-color: #fff;
}

.f30 {
  font-size: 30px;
}

/*
* modal
* .mo
*/

.mo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /*background-color: rgba(0, 0, 0, 0.8);*/
}

.mo-content {
  position: fixed;
  top: 0;
  z-index: 7;
  left: 50%;
  margin-left: -50%;
  max-width: 1000px;
  min-width: 20px;
  /*min-height: 90%;*/
  max-height: 90%;
  overflow: auto;
}

.mo-content .icon-large-close {
  position: absolute;
  right: 0;
  top: 0px;
  margin: 12px;
}

.iframe-login-out.mo-content-index {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -193px;
  margin-top: -225px;
}

.mo-content .icon-large-close {
  position: absolute;
  right: 0;
  top: 0px;
  margin: 12px;
}

.icon-large {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 22px;
  height: 22px;
  background: url(../images/icon-large.png) no-repeat 0 0;
  vertical-align: middle;
}

.icon-large-close {
    background-position: -44px -44px;
}

.page-center {
  width: 1180px;
  margin: 0 auto;
}

.select-library {
  background-color: #75C4F8;
  position: relative;
  min-height: 664px;
}

.library-main {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -285px;
  margin-left: -590px;
  width: 1180px;
}

.library-main li{
  float: left;
  background-color: #fff;
  margin-right: 60px;
  width: 250px;
  height: 260px;
  text-align: center;
  transition: transform 0.3s;
  margin: 20px;
}

.library-main li:hover{
  transform: scale(1.03);
}

.library-main li a{
  display: block;
  width: 100%;
  height: 100%;
}

.library-main li img{
  margin-top: 44px;
}

.library-main li span{
  display: block;
  font-size: 20px;
  margin-top: 28px;
}

.iframe-login-out {
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  width: 326px;
  padding: 35px 30px;
  margin-top: 0;
}

.iframe-login h3 {
  font-size: 30px;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}

.iframe-login .button {
  box-shadow: rgba(47, 159, 253, 0.6) 0 3px 8px;
}

#nalert {
  padding: 16px 20px;
  background-color: #29333F;
  position: fixed;
  z-index: 10;
  top: 340px;
  left: 50%;
  width: 180px;
  margin-left: -70px;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 27px 0px rgba(0, 0, 0, .35);
}
